<script>
import son from './son.vue'

export default {
  data() {
    return {
      message: ""
    }
  },
  methods: {
    dataFn(data) {
      this.message = data
    }
  },
  components: {
    son
  }
}
</script>

<template>
  <div>父元素</div>
  <div>{{ message }}</div>
  <!-- 父元素将自己的 dataFn 方法绑定为 onEvent 属性，传递给子元素 -->
  <!-- 子元素在 props 中接收这个传递来的数据，发现是一个函数（Function）类型 -->
  <son :onEvent="dataFn"/>
</template>

<style scoped></style>